<template>
  <div class="app">
    <h2>{{ msg }}</h2>
    <input type="text" v-model="msg">
  </div>
</template>

<script setup lang="ts" name="App">
  import useMsgRef from './useMsgref'

  let {msg} = useMsgRef('Aphasia', 2000)
</script>

<style scoped>
.app {
  background-color: #ddd;
  border-radius: 10px;
  box-shadow: 0 0 10px;
  padding: 10px
}

button {
  margin: 5px;
}
</style>